// component/common/tagRow/tagRow.js
Component({
  /**
   * 组件的配置
   */
  options: {
    styleIsolation: 'isolated',
    pureDataPattern: /^_/
  },

  /**
   * 组件的传入样式
   */
  externalClasses: ['style-extra'],

  /**
   * 组件的属性列表
   */
  properties: {
    tagList: {
      type: Array,
      value: [],
    },
    tagSelect: {
      type: Array,
      value: []
    },

    // 按钮宽度是否自适应
    isStyle:{
      type: Boolean,
      value: ''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    onClickTag(e) {
      let t = this
      let target = e.currentTarget.dataset.value || ''
      let index = t.data.tagSelect.indexOf(target)
      if (index >= 0) {
        t.data.tagSelect.splice(index, 1)
        t.setData({
          tagSelect: t.data.tagSelect
        })
      } else {
        t.data.tagSelect.push(target)
        t.setData({
          tagSelect: t.data.tagSelect
        })
      }
      t.triggerEvent('tagChange', t.data.tagSelect)
    }
  }
})